<template>
  <div id="center">
     <div class="center-img-wrap">
        <div style="padding-top: 50px;">
            <img src="../../assets/me/me.jpg" class="center-img">
        </div>
     </div>
    <divider>我的动态</divider>
    
  </div>
</template>

<script>
import { Divider, Card, Group, Cell, CellBox } from 'vux'
import { getAuthInfo } from '../utils/common'

export default {
  components: {
    Card,
    Divider,
    Group,
    Cell,
    CellBox
  },
  created: function () {
    getAuthInfo('home')
  }
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';

.center-img-wrap{
    width:100%;
    height:150px;
    display:block;
    background-color: #10c5b6;
    
}

.center-img{
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 50px;
}

.card-demo-flex {
  display: flex;
}
.card-demo-content01 {
  padding: 10px 0;
}
.card-padding {
  padding: 15px;
}
.card-demo-flex > div {
  flex: 1;
  text-align: center;
  font-size: 12px;
}
.card-demo-flex span {
  color: #f74c31;
}
</style>
